@charset "utf-8";

#middle {
    font-size: 0;
}

#middle > .wrapper {
    text-align: left;
    background: #f2f2f2;
}

#middle-left-aside, #middle-right-content {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    padding: 8px;
    vertical-align: top;
}

#middle-right-content {
    padding: 10px 10;
    width: 734px;
    position: relative;

    z-index: 0
}

.column {
    width: 236px;
}

#middle-left-aside > .column {
    margin-top: 5px;
}

#middle-left-aside > .column:first-child {
    margin-top: 0;
}

.column > .column-header {
    background: url(../images/user/moduleHead.png) no-repeat;
    height: 30px;
}

.column > .column-header > span {
    color: #3e3e3e;
    font: bold 14px/18px '';
    margin-left: 12px;
    margin-top: 10px;
    display: inline-block;
    width: 89px;
    text-align: center
}

.column > .column-header > a {
    color: #fff;
    font: 14px/18px '宋体';
    margin-left: 12px;
    margin-top: 8px;
    float: right;
    margin-right: 8px;
}

.column > .column-body {
    background: url(../images/user/moduleBody.png) repeat-y;
    padding: 10px;
}

.column > .column-bottom {
    background: url(../images/user/moduleBottom.png) no-repeat;
    height: 7px;
}

.right-nav-column {

}

.left-nav-column .column-body {
    height: 450px;
}

.left-nav-column li {
    font: 12px/24px '';
}


.left-test-panel{
    padding: 10px 14px;
}

.left-test-panel > li{
    margin-bottom: 10px;
}


.left-test-panel .info{
    padding: 0 0; *overflow: hidden;
}
.left-test-panel .info > ul > li{
    list-style: disc inside; font: 14px/24px '';
}
.left-test-panel .info > ul > li > span{
    display: inline-block; width: 45px;
}
#left-test-time-wrapper{
    width: 186px; height: 41px; background: url(../images/user/test.png) -6px -6px; text-align: right; line-height: 41px;
}
#left-test-time-wrapper > span:first-child{
    width: 40px; height: 13px; background: url(../images/user/test.png) -212px -26px; float: left; margin-top: 19px; margin-left: 13px;
}
#left-test-time-wrapper > div{
    vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; margin-right: 9px;
}
#left-test-time-wrapper .digit{
    width: 15px; height: 22px; background: url(../images/user/test.png) -529px -18px; float: left;
}
#left-test-time-wrapper .colon{
    width: 15px; height: 22px; background: url(../images/user/test.png) -529px -18px; float: left;
}
#left-test-time-wrapper .digit1{
    background-position: -280px -18px;
}
#left-test-time-wrapper .digit2{
    background-position: -307px -18px;
}
#left-test-time-wrapper .digit3{
    background-position: -334px -18px;
}
#left-test-time-wrapper .digit4{
    background-position: -362px -18px;
}
#left-test-time-wrapper .digit5{
    background-position: -390px -18px;
}
#left-test-time-wrapper .digit6{
    background-position: -418px -18px;
}
#left-test-time-wrapper .digit7{
    background-position: -446px -18px;
}
#left-test-time-wrapper .digit8{
    background-position: -474px -18px;
}
#left-test-time-wrapper .digit9{
    background-position: -502px -18px;
}
#left-test-time-wrapper .colon{
    background-position: -261px -18px; width: 9px
}
.left-test-panel .btn, .left-test-panel .btn2{
    width: 189px; height: 31px; background: url(../images/user/test.png) -5px -54px; color: #fff;
}
.left-test-panel .btn2{
    width: 87px; height: 31px; background: url(../images/user/test.png) -5px -134px; color: #fff;
}
.left-test-panel .btn2:first-child{
    margin-right: 14px;
}

#questionFrame ul{
    padding: 20px 20px 20px 40px;
}

.question-list{
    list-style: decimal outside; font: 14px/24px '宋体'; margin-bottom: 10px;
}
.question-list p{
    padding: 10px;
}
.question-list label{
    display: block; margin-bottom: 15px;
}
.question-list label > *{
    vertical-align: middle; margin-right: 10px;
}





.wrapper2 {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
}

.wrapper2 > div:first-child {
    background: #fff url(../images/user/page_right_head.jpg) no-repeat;
    height: 27px;
    border-bottom: 1px solid #e5e5e5;
}

.content-header > div {
    float: right;
}

.content-header > span {
    font: bold 14px/27px '';
    color: #fff;
    margin-left: 16px;
}

.content-header > div > span {
    display: inline-block;
    background: url(../images/user/page_now.jpg);
    width: 15px;
    height: 10px;
    margin-right: 10px;
}

.content-header > div {
    font: 12px/16px '宋体';
}

#questionFrame{
    width: 100%;
}

#loader{
    position: absolute;left: 50%; top: 50%;
}

#bottom {
    border-top: 8px solid #ec0000;
    padding: 10px 0;
}

#bottom p {
    font: 12px/24px '';
}

.animation-jiggle {
    -webkit-animation: jiggle 1s linear;
    animation: jiggle 1s linear;
}

.animation-bounceInDown {
    -webkit-animation: bounceInDown .8s 0s ease both;
    animation: bounceInDown .8s 0s ease both;
}

@-webkit-keyframes bounceInDown{
	0%{opacity:0;-webkit-transform:translateY(-50px)}100%{-webkit-transform:translateY(0)}
}
@keyframes bounceInDown{
	0%{opacity:0;transform:translateY(-50px)}100%{transform:translateY(0)}
}

@keyframes jiggle{0%{transform:scale(1.2, 0.8); opacity: 0}1%{transform:scale(1.18, 0.82)}2%{transform:scale(1.16, 0.84)}3%{transform:scale(1.13, 0.87)}4%{transform:scale(1.1, 0.9)}5%{transform:scale(1.07, 0.93)}6%{transform:scale(1.04, 0.96)}7%{transform:scale(1.01, 0.99)}8%{transform:scale(0.99, 1.01)}9%{transform:scale(0.97, 1.03)}10%{transform:scale(0.95, 1.05)}11%{transform:scale(0.94, 1.06)}12%{transform:scale(0.93, 1.07)}13%{transform:scale(0.93, 1.07)}14%{transform:scale(0.93, 1.07)}15%{transform:scale(0.93, 1.07)}16%{transform:scale(0.94, 1.06)}17%{transform:scale(0.94, 1.06)}18%{transform:scale(0.95, 1.05)}19%{transform:scale(0.96, 1.04)}20%{transform:scale(0.98, 1.02)}21%{transform:scale(0.99, 1.01)}22%{transform:scale(1, 1)}23%{transform:scale(1, 1)}24%{transform:scale(1.01, 0.99)}25%{transform:scale(1.02, 0.98)}26%{transform:scale(1.02, 0.98)}27%{transform:scale(1.02, 0.98)}28%{transform:scale(1.03, 0.97)}29%{transform:scale(1.03, 0.97)}30%{transform:scale(1.02, 0.98)}31%{transform:scale(1.02, 0.98)}32%{transform:scale(1.02, 0.98)}33%{transform:scale(1.02, 0.98)}34%{transform:scale(1.01, 0.99)}35%{transform:scale(1.01, 0.99)}36%{transform:scale(1.01, 0.99)}37%{transform:scale(1, 1)}38%{transform:scale(1, 1)}39%{transform:scale(1, 1)}40%{transform:scale(0.99, 1.01)}41%{transform:scale(0.99, 1.01)}42%{transform:scale(0.99, 1.01)}43%{transform:scale(0.99, 1.01)}44%{transform:scale(0.99, 1.01)}45%{transform:scale(0.99, 1.01)}46%{transform:scale(0.99, 1.01)}47%{transform:scale(0.99, 1.01)}48%{transform:scale(0.99, 1.01)}49%{transform:scale(1, 1); opacity: 1}}
@-webkit-keyframes jiggle{0%{-webkit-transform:scale(1.2, 0.8); opacity: 0}1%{-webkit-transform:scale(1.18, 0.82)}2%{-webkit-transform:scale(1.16, 0.84)}3%{-webkit-transform:scale(1.13, 0.87)}4%{-webkit-transform:scale(1.1, 0.9)}5%{-webkit-transform:scale(1.07, 0.93)}6%{-webkit-transform:scale(1.04, 0.96)}7%{-webkit-transform:scale(1.01, 0.99)}8%{-webkit-transform:scale(0.99, 1.01)}9%{-webkit-transform:scale(0.97, 1.03)}10%{-webkit-transform:scale(0.95, 1.05)}11%{-webkit-transform:scale(0.94, 1.06)}12%{-webkit-transform:scale(0.93, 1.07)}13%{-webkit-transform:scale(0.93, 1.07)}14%{-webkit-transform:scale(0.93, 1.07)}15%{-webkit-transform:scale(0.93, 1.07)}16%{-webkit-transform:scale(0.94, 1.06)}17%{-webkit-transform:scale(0.94, 1.06)}18%{-webkit-transform:scale(0.95, 1.05)}19%{-webkit-transform:scale(0.96, 1.04)}20%{-webkit-transform:scale(0.98, 1.02)}21%{-webkit-transform:scale(0.99, 1.01)}22%{-webkit-transform:scale(1, 1)}23%{-webkit-transform:scale(1, 1)}24%{-webkit-transform:scale(1.01, 0.99)}25%{-webkit-transform:scale(1.02, 0.98)}26%{-webkit-transform:scale(1.02, 0.98)}27%{-webkit-transform:scale(1.02, 0.98)}28%{-webkit-transform:scale(1.03, 0.97)}29%{-webkit-transform:scale(1.03, 0.97)}30%{-webkit-transform:scale(1.02, 0.98)}31%{-webkit-transform:scale(1.02, 0.98)}32%{-webkit-transform:scale(1.02, 0.98)}33%{-webkit-transform:scale(1.02, 0.98)}34%{-webkit-transform:scale(1.01, 0.99)}35%{-webkit-transform:scale(1.01, 0.99)}36%{-webkit-transform:scale(1.01, 0.99)}37%{-webkit-transform:scale(1, 1)}38%{-webkit-transform:scale(1, 1)}39%{-webkit-transform:scale(1, 1)}40%{-webkit-transform:scale(0.99, 1.01)}41%{-webkit-transform:scale(0.99, 1.01)}42%{-webkit-transform:scale(0.99, 1.01)}43%{-webkit-transform:scale(0.99, 1.01)}44%{-webkit-transform:scale(0.99, 1.01)}45%{-webkit-transform:scale(0.99, 1.01)}46%{-webkit-transform:scale(0.99, 1.01)}47%{-webkit-transform:scale(0.99, 1.01)}48%{-webkit-transform:scale(0.99, 1.01)}49%{-webkit-transform:scale(1, 1); opacity: 1}}





